@charset "utf-8";
/* CSS Document */
body{background:#999; margin:0; padding:0; font-size:12px; color:#666;}
li{list-style:none;float:left;}
a{cursor:pointer; text-decoration:none;}
#main-container{background:url(../images/videoplayerbackgound.jpg) 0 0 no-repeat scroll; margin:auto; padding:0; width:1002px; height:1000px;}
#head{height:133px; width:inherit; margin:0; padding:0;}
#head ul{width:inherit; height:inherit; margin:0; padding:0;}
#head ul #head-left{width:170px; height:inherit; margin:0; padding:0;}
#head ul #head-center{width:380px; height:inherit; margin:0; padding:0;}
#head ul #head-right{width:435px; height:inherit; margin:0; padding:0;}
#item{width:1002px; height:35px; margin:0; padding:0;}
#item ul{width:1002px; height:30px; line-height:35px; margin:auto; padding:0;}
#item ul .li-001{width:40px; height:30px; margin:auto;}
#item ul .li-002{width:80px; height:30px; line-height:30px; text-align:center; margin:1px; padding:0;}
#item ul .li-002 a{width:inherit; height:inherit; display:block;}
#item ul .search{width:210px; height:30px; margin:auto 5px;}
#item ul .search #search-item{ background:none;border:none; width:178px; height:15px; line-height:15px; margin:8px auto auto 23px; padding:0; color:#CCC; list-style:none;}
#item ul .search #search-item:hover{background:none;color:#666; list-style:none;}
#item ul .search-bu{width:50px; height:30px; margin:auto auto auto 5px; padding:0; text-align:center;}
#item ul .li-002:hover,.search-bu:hover{cursor:pointer; background:url(../images/ah.jpg) 0 0 repeat-x; color:#000; margin:0; padding:0;}
#content{width:1002px; height:615px; margin:0; padding:0;}
#content-left{ height: 833px;width: 687px; margin:0; padding:0; float:left; overflow:hidden;}
#content-left ul{height:785px;margin:21px auto auto 30px;padding:0;width: 633px; float:none;}
#content-left ul .playarea{width:632px; height:447px; margin:0;}
#content-left ul .playarea #player{ display:block;width:632px; height:447px; float:none;}
#content-left ul .opitems{height: 25px; width: 630px; margin:8px auto; padding:0;}
#content-left ul .opitems ul{margin:3px auto; padding:0;height:20px;}
#content-left ul .opitems ul img{float:left; margin:auto 2px;}
#content-left ul .opitems li{width:120px; border:none; border-right:1px #999 solid;}
#content-left ul .opitems li span{color:#600;font-size:12px;font-weight:800;}
#content-left ul .opitems li:hover{ background-color:#FFF; cursor:pointer;}
#content-left ul #comment{width: 630px; margin:8px auto; padding:0;height:290px;border:1px #ccc solid;}
#content-left ul #comment ul{height: 272px;margin-left: 10px; margin-top: 10px;width: 606px;}
#content-left ul #comment ul li{height: 136px;width: 606px;margin:0; padding:0;}
#content-left ul #comment ul li p{background:#ccc;}
#content-left ul #comment ul li textarea{width:500px; height:100px; margin:10px auto auto 10px;padding:0; float:left;}
#content-left ul #comment ul li #submitComment{margin:10px auto auto 10px;}
#content-right{width: 314px; height:833px; margin:0 auto auto 1px; padding:0; float:right;}
#content-right ul{ height: 787px;margin-left: 24px; margin-top: 21px;width: 265px; padding:0; float:none;}
#content-right ul #catalog{width:inherit; height:160px;}
#content-right ul #catalog #showcatalog{margin:10px; width:245px; height:140px; border:#CCC 1px solid;}
#content-right ul #catalog #showcatalog a:link{color:#999;}
#content-right ul #catalog #showcatalog a:visited{color:#639;}
#content-right ul #catalog #showcatalog a:hover{color:#09F; text-decoration:underline;}
#content-right ul #releatedvodeos{width:inherit; height: 626px; margin:0; padding:0;}
#content-right ul #releatedvodeos #showreleated{margin:10px; width:245px; height:300px; padding:0; border:#999 1px solid;}
